/**
 * Created by Administrator on 2016/7/30.
 */

//$(function(){
//    $('')
//});
//轮播图间隔时间
$('.carousel').carousel({
    interval: 1000
})

//全部商品分类函数
//第一步，永远是选择要操作的元素
var oNav = document.querySelector('#nav');
var obutton = document.querySelector('#nav button');
var aLi = document.querySelectorAll('#nav ul li');
var aSubNav = document.querySelectorAll('#nav ul li .subnav');
var aEm = document.querySelectorAll('.arrow');
var timer = null;
var oSubNav = null;
var oEm = null;
//第二步的话，就要考虑循环发生事件对象，给他们添加回调函数
for(var i=1;i<aLi.length;i++){
    //首先把下标记录一下
    aLi[i].index = i;
    //计算下当前subnav的下标

    //事件
    aLi[i].onmouseover = function(){
        //找到当前发生事件li下面的subnav
        oSubNav = aSubNav[this.index -1];
        //找到那个小图标
        oEm = aEm[this.index - 1];

        for(var i=0;i<aSubNav.length;i++){
            aSubNav[i].style.display = 'none';
        }
        //让当前的li下边的那个subnav显示
        oSubNav.style.display = 'block';
//            obutton.style.color='white';
        //清除下计时器
        clearTimeout(timer);
        //位置判断一下
        oNav.offsetWidth - this.offsetLeft > oSubNav.offsetWidth ?
            //居左
            oSubNav.style.left = this.offsetLeft + 'px' :
            //居右
            oSubNav.style.right = '0';

        //em那个小图标
        oEm.style.left = 50 + 'px';
    }
    //事件
    aLi[i].onmouseout = function(){
        //离开的时候
        timer = setTimeout(function(){
            oSubNav.style.display = 'none';
        },300)
    }
}

$(function(){
    $('.last figure',function(){

    })
})

//改变图片属性
window.onload = function(){
    var oLi = document.querySelectorAll('.content_sale ul li');
    var oSpan = document.querySelectorAll('.sale_num');
    var oA = document.querySelectorAll('.ssale_buys');
    for(var i=0;i<oLi.length;i++){
        oLi[i].index=i;
        oLi[i].onmouseover = function(){
            this.style.zIndex='5';
            this.style.boxShadow ='0 0 50px 2px darkblue';
            oSpan[this.index].style.diaplay = 'none';
            oA[this.index].style.display = 'inline-block';
        }

        oLi[i].onmouseout = function(){
            this.style.boxShadow ='none';
            oSpan[this.index].style.diaplay = 'block';
            oA[this.index].style.display = 'none';
        }
    }
}
//用两种方式设置

$(function () {
    $('.last figure').each(function(index){
        $(this).mouseover(function(){
            $(this).addClass('a6');
            $('.sale_num1').eq(index).css('display','none')
            $('.ssale_buys1').eq(index).css('display','block');
        }).mouseout(function(){
            $(this).removeClass('a6');
            $('.sale_num1').css('display','block');
            $('.ssale_buys1').css('display','none');
        })
    })

    $('.gg2 ul ').each(function(index){
        $(this).mouseover(function(){
            $('.xstp').eq(index).css('display','none');
            $('.yctp').eq(index).css('display','block');
        }).mouseout(function(){
            $('.xstp').css('display','block');
            $('.yctp').css('display','none');
        })

    })
});

$(function() {
    var tarTime = new Date(2016, 8, 17, 12, 55, 0)
//        $('input[type=button]').click(function(){
//            $('input[type=text]').val('未来的时间是：'+tarTime)
    var timer = setInterval(function () {
        var nowTime = new Date()

        var mis = tarTime - nowTime
        if (mis < 0) {
            clearInterval(timer)
            mis = 0
        }
//                var mills = Math.floor(mis%86400%3600%60%1000)
        var sec = Math.floor(mis / 1000)
        var seconds = Math.floor(sec % 86400 % 3600 % 60)
        var minu = Math.floor(sec % 86400 % 3600 / 60)
        var hour = Math.floor(sec % 86400 / 3600)
        var dd = Math.floor(sec / 86400)

        minu = minu < 10 ? '0' + minu : minu
        seconds = seconds < 10 ? '0' + seconds : seconds
        $('.time').html('仅剩' + dd + '天' + ':' + hour + '小时' + minu + '分' + seconds + '秒')

    }, 1000)
})